﻿@{
    ViewBag.Title = "UserDetail";
    Layout = "~/Views/Shared/_BasicLayout.cshtml";
}
<script type="text/javascript">
    var Id = com.get.ID;
    var action = com.get.action;
    var today = utils.formatDate(new Date(), "yyyy-MM-dd");
    var mainUser;
    var detailXueli;
    var detailWork;
    var detailFamily;
</script>

<script type="text/javascript">
    //判断身份证号
    var aCity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北", 43: "湖南", 44: "广东", 45: "广西", 46: "海南", 50: "重庆", 51: "四川", 52: "贵州", 53: "云南", 54: "西藏", 61: "陕西", 62: "甘肃", 63: "青海", 64: "宁夏", 65: "新疆", 71: "台湾", 81: "香港", 82: "澳门", 91: "国外" }
    function isCardID(sId) {
        var iSum = 0;
        var info = "";
        if (!/^\d{17}(\d|x)$/i.test(sId)) return "你输入的身份证长度或格式错误";
        sId = sId.replace(/x$/i, "a");
        if (aCity[parseInt(sId.substr(0, 2))] == null) return "你的身份证地区非法";
        sBirthday = sId.substr(6, 4) + "-" + Number(sId.substr(10, 2)) + "-" + Number(sId.substr(12, 2));
        var d = new Date(sBirthday.replace(/-/g, "/"));
        if (sBirthday != (d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate())) return "身份证上的出生日期非法";
        for (var i = 17; i >= 0; i--) iSum += (Math.pow(2, i) % 11) * parseInt(sId.charAt(17 - i), 11);
        if (iSum % 11 != 1) return "你输入的身份证号非法";
        return true;//aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女")
    }
    $.extend($.fn.validatebox.defaults.rules, {
        idcared: {
            validator: function (value, param) {
                var flag = isCardID(value);
                return flag == true ? true : false;
            },
            message: '不是有效的身份证号码'
        }
    });
</script>
<script type="text/javascript">
    $(function () {
        com.ajax({
            url: '/User/getUserDetail?ID=' + Id,
            success: function (data) {
                //  $("#btnSubmitAudit").linkbutton('disable');
                mainUser = data.mainUser;
                detailXueli = data.detailXueli;
                detailWork = data.detailWork;
                detailFamily = data.detailFamily;
                //    $("#hidReviewId").val(mainPur.ReviewId);
                $("#form1").form("load", mainUser);
                //加载学历信息
                $("#tbListXueli").datagrid({
                    data: detailXueli,
                    loadMsg: '数据加载中请稍后……',
                    rownumbers: true,
                    idField: "ID",
                    // queryParams: com.serializeSearchArray("form1"),
                    singleSelect: true,
                    pageSize: 20,
                    //pageList: [20, 50, 100],
                    striped: true,
                    columns: [[
                        //{ field: 'ck', checkbox: true, width: 30 },
                    {
                        field: 'EduStartDate', title: '开始 ', align: "center", width: 150, formatter: function (value, row, index) {
                            if (value == null) { return ' <input  id="EduStartDate" name="EduStartDate" style="width:120px"  class="easyui-datebox" required="required" editable="fasle" data-options="onChange:onSelect1"/>'; }
                            else
                            {
                                // alert(value);
                                return ' <input  id="EduStartDate" name="EduStartDate" value="' + value + '" style="width:120px"  class="easyui-datebox" required="required" editable="fasle"  data-options="onChange:onSelect1"/>';
                            }
                        }
                    },
                    {
                        field: 'EduEndtDate', title: '结束 ', align: "center", width: 150, formatter: function (value, row, index) {
                            if (value == null) {
                                return ' <input  id="EduEndtDate" name="EduEndtDate" style="width:120px"  class="easyui-datebox" required="required" editable="fasle" data-options="onChange:onSelect2"/>';
                            }
                            else { return ' <input  id="EduEndtDate" name="EduEndtDate"  value="' + value + '" style="width:120px"  class="easyui-datebox" required="required" editable="fasle" data-options="onChange:onSelect2"/>'; }
                        }
                    },

                    {
                        field: 'EduUniversity', title: '院校 ', align: "center", width: 150, formatter: function (value, row, index) {
                            if (value == null) {
                                return '<input  name="EduUniversity" id="EduUniversity"   style="width:120px" />';
                            }
                            else {
                                return '<input  name="EduUniversity" id="EduUniversity" value="' + value + '"  style="width:120px" />';
                            }
                        }
                    },
                     {
                         field: 'EduMajor', title: '专业 ', align: "center", width: 150, formatter: function (value, row, index) {
                             if (value == null) {
                                 return '<input  name="EduMajor" id="EduMajor"  style="width:120px" />';
                             }
                             else { return '<input  name="EduMajor" id="EduMajor" value="' + value + '"  style="width:120px" />'; }
                         }
                     },
                   {
                       field: 'EduXueli', title: '学历 ', align: "center", width: 150, formatter: function (value, row, index) {
                           if (value == null) {
                               return '<input  name="EduXueli" id="EduXueli"   style="width:120px" />';
                           }
                           else {
                               return '<input  name="EduXueli" id="EduXueli" value="' + value + '"  style="width:120px" />';
                           }
                       }
                   },
                    {
                        field: 'EduXueli', title: '备注 ', align: "center", width: 150, formatter: function (value, row, index) {
                            if (value == null) {
                                return '<input  name="Note" id="Note"   style="width:120px" />';
                            }
                            else {
                                return '<input  name="Note" id="Note" value="' + value + '"  style="width:120px" />';
                            }
                        }
                    },
                    ]],
                });

                $.parser.parse($('#tbListXueli').parent());
                //  $.parser.parse($('#EduStartDate').parent());
                // $.parser.parse($('#EduEndtDate').parent());
                //加载工作信息
                $("#tbListWork").datagrid({
                    data: detailWork,
                    loadMsg: '数据加载中请稍后……',
                    rownumbers: true,
                    idField: "ID",
                    // queryParams: com.serializeSearchArray("form1"),
                    singleSelect: true,
                    pageSize: 20,
                    //pageList: [20, 50, 100],
                    striped: true,
                    columns: [[
                        //{ field: 'ck', checkbox: true, width: 30 },
                    {
                        field: 'WorkStartDate', title: '开始 ', align: "center", width: 150, formatter: function (value, row, index) {
                            if (value == null) { return ' <input  id="WorkStartDate" name="WorkStartDate" style="width:120px"  class="easyui-datebox" editable="fasle"  data-options="onChange:onSelect3"/>'; }
                            else
                            {
                                return ' <input  id="WorkStartDate" name="WorkStartDate"  value="' + value + '" style="width:120px"  class="easyui-datebox" editable="fasle"   data-options="onChange:onSelect3"/>';
                            }
                        }
                    },
                    {
                        field: 'WorkEndtDate', title: '结束 ', align: "center", width: 150, formatter: function (value, row, index) {
                            if (value == null) {
                                return ' <input  id="WorkEndtDate" name="WorkEndtDate" style="width:120px"  class="easyui-datebox" editable="fasle" data-options="onChange:onSelect4" />';
                            }
                            else { return ' <input  id="WorkEndtDate" name="WorkEndtDate"  value="' + value + '" style="width:120px"  class="easyui-datebox" editable="fasle"  data-options="onChange:onSelect4"/>'; }
                        }
                    },

                    {
                        field: 'WorkPlace', title: '单位 ', align: "center", width: 150, formatter: function (value, row, index) {
                            if (value == null) {
                                return '<input  name="WorkPlace" id="WorkPlace"   style="width:120px" />';
                            }
                            else {
                                return '<input  name="WorkPlace" id="WorkPlace" value="' + value + '"  style="width:120px" />';
                            }
                        }
                    },
                     {
                         field: 'WorkPosition', title: '职位 ', align: "center", width: 150, formatter: function (value, row, index) {
                             if (value == null) {
                                 return '<input  name="WorkPosition" id="WorkPosition"  style="width:120px" />';
                             }
                             else { return '<input  name="WorkPosition" id="WorkPosition" value="' + value + '"  style="width:120px" />'; }
                         }
                     },
                   {
                       field: 'LeaveReason', title: '原因 ', align: "center", width: 300, formatter: function (value, row, index) {
                           if (value == null) {
                               return '<input  name="LeaveReason" id="LeaveReason"   style="width:270px" />';
                           }
                           else {
                               return '<input  name="LeaveReason" id="LeaveReason" value="' + value + '"  style="width:270px" />';
                           }
                       }
                   },
                    ]],

                });
                $.parser.parse($('#tbListWork').parent());
                //   $.parser.parse($('#WorkStartDate').parent());
                //   $.parser.parse($('#WorkEndtDate').parent());
                //加载家庭信息
                $("#tbListFamily").datagrid({
                    data: detailFamily,
                    loadMsg: '数据加载中请稍后……',
                    rownumbers: true,
                    idField: "ID",
                    // queryParams: com.serializeSearchArray("form1"),
                    singleSelect: true,
                    pageSize: 20,
                    //pageList: [20, 50, 100],
                    striped: true,
                    columns: [[
                        //{ field: 'ck', checkbox: true, width: 30 },
                                           {
                                               field: 'FamilyName', title: '姓名 ', align: "center", width: 150, formatter: function (value, row, index) {
                                                   if (value == null) {
                                                       return '<input  name="FamilyName" id="FamilyName"   style="width:120px" />';
                                                   }
                                                   else {
                                                       return '<input  name="FamilyName" id="FamilyName" value="' + value + '"  style="width:120px" />';
                                                   }
                                               }
                                           },
                     {
                         field: 'FamilyRelation', title: '关系 ', align: "center", width: 150, formatter: function (value, row, index) {
                             if (value == null) {
                                 return '<input  name="FamilyRelation" id="FamilyRelation"  style="width:120px" />';
                             }
                             else { return '<input  name="FamilyRelation" id="FamilyRelation" value="' + value + '"  style="width:120px" />'; }
                         }
                     },
                   {
                       field: 'FamilyWorkplace', title: '工作单位 ', align: "center", width: 150, formatter: function (value, row, index) {
                           if (value == null) {
                               return '<input  name="FamilyWorkplace" id="FamilyWorkplace"   style="width:120px" />';
                           }
                           else {
                               return '<input  name="FamilyWorkplace" id="FamilyWorkplace" value="' + value + '"  style="width:120px" />';
                           }
                       }
                   },
                    {
                        field: 'FamilyPhone', title: '联系方式 ', align: "center", width: 150, formatter: function (value, row, index) {
                            if (value == null) {
                                return '<input  name="FamilyPhone" id="FamilyPhone"   style="width:120px" />';
                            }
                            else {
                                return '<input  name="FamilyPhone" id="FamilyPhone" value="' + value + '"  style="width:120px" />';
                            }
                        }
                    },
                    ]],
                });
            }
        });
        if (action == "view") {
            $("#btnSave").hide();
            $('input,select,textarea', $('form[name="my_form"]')).prop('disabled', true);
            $("#BirthDate").datebox({ disabled: true });
            $("#form1 .easyui-combobox").combobox({ disabled: true });
            //    $("#tbListXueli .easyui-datebox").datebox({ disabled: true });
        }
    });
    function onSelect1() {
        // var orgDate = $(this).datebox("getValue");
        var startDate = $('input[name="EduStartDate"]').val();
        var endDate = $('#EduEndtDate').datebox('getValue');
        if (startDate >= endDate) {
            alert('结束时间要大于开始时间！');
            $('#EduStartDate').datebox("setValue", "");
        }
    }
    function onSelect2() {
        // var orgDate = $(this).datebox("getValue");
        var endDate = $('input[name="EduEndtDate"]').val();
        var startDate = $('#EduStartDate').datebox('getValue');
        if (startDate >= endDate) {
            alert('结束时间要大于开始时间！');
            $('#EduEndtDate').datebox("setValue", "");
        }
    }
    function onSelect3() {
        // var orgDate = $(this).datebox("getValue");
        var startDate = $('input[name="WorkStartDate"]').val();
        var endDate = $('#WorkEndtDate').datebox('getValue');
        if (startDate >= endDate) {
            alert('结束时间要大于开始时间！');
            $('#WorkStartDate').datebox("setValue", "");
        }
    }
    function onSelect4() {
        // var orgDate = $(this).datebox("getValue");
        var endDate = $('input[name="WorkEndtDate"]').val();
        var startDate = $('#WorkStartDate').datebox('getValue');
        if (startDate >= endDate) {
            alert('结束时间要大于开始时间！');
            $('#WorkEndtDate').datebox("setValue", "");
        }
    }
</script>
<script type="text/javascript">
    function funcSave() {
        if ($("#form1").form("validate")) {
            var rowsXueli = $("#tbListXueli").datagrid("getRows");
            var rowsWork = $("#tbListWork").datagrid("getRows");
            var rowsFamily = $("#tbListFamily").datagrid("getRows");
            var total = com.serializeObj("form1");
            // console.log(Id);
            total.ID = Id;
          //  total.DepId = $("#DepName").combobox("getValue");
         //   total.PosId = $("#PosName").combobox("getValue");
          //  total.SchoolCode = $("#SchoolName").combobox("getValue");
          //  total.DepName = $("#DepName").combobox("getText");
         //   total.PosName = $("#PosName").combobox("getText");
            //total.SchoolName = $("#SchoolName").combobox("getText");
            total.IfTeacher = $("#IfTeacher").combobox("getValue");
            //读取学历表
            for (var i = 0; i < rowsXueli.length; i++) {
                var $tr = $("#divTotal tr:eq(" + (parseInt(i + 1) + parseInt(rowsXueli.length) + 1) + ")");
                // console.log($tr.find("#EduStartDate").datebox('getValue'));
                rowsXueli[i]["EduStartDate"] = $tr.find("#EduStartDate").datebox('getValue');
                rowsXueli[i]["EduEndtDate"] = $tr.find("#EduEndtDate").datebox('getValue');
                rowsXueli[i]["EduUniversity"] = $tr.find("input[name=EduUniversity]").val();
                rowsXueli[i]["EduMajor"] = $tr.find("input[name=EduMajor]").val();
                rowsXueli[i]["EduXueli"] = $tr.find("input[name=EduXueli]").val();
                rowsXueli[i]["Note"] = $tr.find("input[name=Note]").val();
                //alert("1");
            }
            //读取工作经历
            for (var i = 0; i < rowsWork.length; i++) {
                // var hangshu = $("#divTotal tr").length;
                // console.log(hangshu);
                var $tr = $("#divTotal tr:eq(" + (parseInt(i + 1) + parseInt(rowsXueli.length) + parseInt(rowsWork.length) + 6) + ")");
                //  console.log($tr.find("#WorkStartDate").datebox('getValue'));
                rowsWork[i]["WorkStartDate"] = $tr.find("#WorkStartDate").datebox('getValue');
                rowsWork[i]["WorkEndtDate"] = $tr.find("#WorkEndtDate").datebox('getValue');
                rowsWork[i]["WorkPlace"] = $tr.find("input[name=WorkPlace]").val();
                rowsWork[i]["WorkPosition"] = $tr.find("input[name=WorkPosition]").val();
                rowsWork[i]["LeaveReason"] = $tr.find("input[name=LeaveReason]").val();
                //rowsWork[i]["Note"] = $tr.find("input[name=Note]").val();
            }
            //读取家庭信息
            for (var i = 0; i < rowsFamily.length; i++) {
                var $tr = $("#divTotal tr:eq(" + (parseInt(i + 1) + parseInt(rowsXueli.length) + parseInt(rowsWork.length) + parseInt(rowsFamily.length) + 11) + ")");
                //  alert( $tr.find("input[name=FamilyName]").val());
                rowsFamily[i]["FamilyName"] = $tr.find("input[name=FamilyName]").val();
                rowsFamily[i]["FamilyRelation"] = $tr.find("input[name=FamilyRelation]").val();
                rowsFamily[i]["FamilyWorkplace"] = $tr.find("input[name=FamilyWorkplace]").val();
                rowsFamily[i]["FamilyPhone"] = $tr.find("input[name=FamilyPhone]").val();
                //rowsFamily[i]["Note"] = $tr.find("input[name=Note]").val();
            }
            var newRowsXueli = new Array();
            var newRowsWork = new Array();
            var newRowsFamily = new Array();
            for (var i = 0; i < rowsXueli.length; i++) {
                newRowsXueli.push(rowsXueli[i]);
            }
            for (var i = 0; i < rowsWork.length; i++) {
                newRowsWork.push(rowsWork[i]);
            }
            for (var i = 0; i < rowsFamily.length; i++) {
                newRowsFamily.push(rowsFamily[i]);
            }
            //var old = { main: main, xueli: JSON.stringify(newRowsXueli), work: JSON.stringify(newRowsWork), family: JSON.stringify(newRowsFamily) };
            total.xueli = JSON.stringify(newRowsXueli);
            total.work = JSON.stringify(newRowsWork);
            total.family = JSON.stringify(newRowsFamily);
            //BirthDate代表入职时间
          //  if ($("#BirthDate").datebox("getValue") < today) {
                com.ajax({
                    url: '/User/AddEditUserDetail?action='+action,
                    data: total,
                    success: function (data) {
                        if (data.state == "success") {
                            if (action == "add") {
                                com.message("information", "新增成功");
                            }
                            else if (action == "edit") {
                                com.message("information", "修改成功");
                            }
                            //  $("#btnSubmitAudit").linkbutton('enable');
                        }
                    }
                });
        //    }
        //    else {
        //        alert('入职日期不得晚于当前日期！');
        //        $('#BirthDate').datebox("setValue", "");
        //    }
        }
    }
</script>
<div id="btns" style="height:100%;width:100%">
    <a id="btnSave" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="funcSave()">保存</a>
    @*<a id="btnCancel" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-redo'" onclick="funcCancel()">取消编辑</a>
        <a id="btnAdd" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="funcAdd()">新增</a>
        <a id="btnEdit" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" onclick="funcEdit()">修改</a>
        <a id="btnRemove" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" onclick="funcRemove()">删除</a>*@
</div>
<div id="divTotal" style="height: 550px; width: 100%; overflow: auto">
    <div id="master" class="container_12" style="height: auto; align-items: center">
        <form id="form1" name="my_form">
            <input id="ID" type="hidden" name="ID" />
            <div class="grid_12 lbl" style="text-align: center; width: 1000px; font-size: 24px; font-weight: bold">
                员工信息表
            </div>
            <div class="grid_4 lbl" style="text-align: right; width: 130px">
                填写日期:
            </div>
            <div class="grid_2 val" style="text-align: right;">
                <input id="FillDate" name="FillDate" style="width:150px" class="easyui-datebox" data-options="required: true,editable: false," />
            </div>
            <div class="grid_4 sealbl" style="text-align: right; width: 130px">
                是否教师岗:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="IfTeacher" style="width:150px" name="IfTeacher" class="easyui-combobox" data-options="valueField:'value',textField:'text',data:StaticCombo.YesorNo,mode:'remote', panelHeight:'auto',panelHeight:200, required: true,editable: false" />
            </div>
            <br /><br />
            <hr />
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                编号:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="UserCode" name="UserCode" disabled="disabled" style="width:150px" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                姓名:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="UserName" name="UserName" style="width:150px" class="easyui-validatebox" data-options="required: true," />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                  入职时间:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                 <input id="BirthDate" name="BirthDate" style="width:150px" class="easyui-datebox" data-options="required: true,editable: false," />
            </div>
            <br /><br />
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                校区:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
               @* <input id="SchoolCode" name="SchoolCode" hidden="hidden"/>*@
                <input id="SchoolCode" style="width:150px" name="SchoolCode" class="easyui-combobox" data-options="valueField:'value',textField:'text',url:'/SchoolInfo/GetAllSchoolInfo',mode:'remote', panelHeight:'auto',required: true,panelHeight:200, editable: false" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                部门:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="DepId" name="DepId" style="width:150px" class="easyui-combobox" data-options="valueField:'value',textField:'text',url:'/Department/GetDepInfo',mode:'remote', panelHeight:'auto',panelHeight:200, required: true,editable: false" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                岗位:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="PosId" name="PosId" style="width:150px" class="easyui-combobox" data-options="valueField:'value',textField:'text',url:'/Position/GetPosInfo',mode:'remote', panelHeight:'auto',panelHeight:200, required: true,editable: false" />
            </div>
            <br /><br />
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                性别:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="Sex" name="Sex" style="width:150px" class="easyui-combobox" data-options="valueField:'value',textField:'text',data:StaticCombo.Gender,panelHeight:'auto',required: true,editable: false," />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                民族:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="MinZu" name="MinZu" style="width:150px" class="easyui-validatebox" data-options="required: true" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                户籍:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="Huji" name="Huji" style="width:150px" class="easyui-validatebox" data-options="required: true" />
            </div>
            <br /><br />
            <div class="grid_1 sealbl" style="text-align: right; width: 130px; ">
                婚否:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="IfMarry" name="IfMarry" style="width:150px" class="easyui-combobox" data-options="valueField:'value',textField:'text',data:StaticCombo.YesorNo,panelHeight:'auto',required: true,editable: false," />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                电话:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="Phone" name="Phone" style="width:150px" class="easyui-validatebox" data-options="required: true,validType:'mobile'" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                电子邮件:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="E_Mail" name="E_Mail" style="width:150px" class="easyui-validatebox" data-options="required: true,validType:'email'" />
            </div>
            <br /><br />
            <div class="grid_1 sealbl" style="text-align: right; width: 130px; ">
                毕业学校:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="Univeristy" name="Univeristy" style="width:150px" class="easyui-validatebox" data-options="required: true" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                专业:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="Major" name="Major" style="width:150px" class="easyui-validatebox" data-options="required: true" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                @*     期望月薪/￥:*@
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                @* <input id="ApplySalary" name="ApplySalary" style="width:150px" class="easyui-validatebox" data-options="required: true,validType:'number'" />*@
            </div>
            <br /><br />
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                身份证号:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                @* <input id="IdNumber" name="IdNumber" style="width:200px" class="easyui-validatebox" data-options="required: true" />*@
                <input type="text" name="IdNumber" value="" id="IdNumber" class="easyui-validatebox"
                       data-options="required:true,missingMessage:'请输入身份证号',validType:'idcared'" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                住址:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="Address" name="Address" style="width:200px" />
            </div>
            <div class="grid_1 sealbl" style="text-align: right; width: 130px">
                备注:
            </div>
            <div class="grid_2 seaval" style="text-align: left;">
                <input id="Note" name="Note" style="width:200px" />
            </div>
        </form>
    </div>
    <table id="tbListXueli" title="学历信息" style="width: 100%"></table>
    <table id="tbListWork" title="工作经历" style="width: 100%; height: auto;"></table>
    <table id="tbListFamily" title="家庭成员" style="width: 100%; height: auto;"></table>
</div>